﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Balas & Bolinhos</title>
    <meta name="viewport" content="width=device-width initial-scale=1.0 maximum-scale=1.0 user-scalable=yes" />
    @Styles.Render("~/Content/Mobile/css", "~/Content/jquerymobile/css", "~/Content/jquerymmenu/css")
    @Scripts.Render("~/bundles/jquery", "~/bundles/jquerymobile", "~/bundles/jquerymmenu")
    <script type="text/javascript">
        $(function () {
            $('#menu').mmenu({
                position: 'left',
                zposition: 'front',
                onClick: {
                    setLocationHref: false,
                    blockUI: false,
                    callback: function () {
                        $.mobile.changePage(this.href, {
                            transition: 'slide'
                        });
                    }
                },
                configuration: {
                    pageSelector: '> div[data-role="page"]:first'
                }
            });
        });

        $(document).on(
            'pageshow',
            function (e, ui) {
                $('#menu').trigger('setPage', [$(e.target)]);
                $('#menu a').each(
                    function () {
                        if ($.mobile.path.parseUrl(this.href).href == window.location.href) {
                            $(this).trigger('setSelected.mm');
                        }
                    }
                );
            }
        );
		</script>
</head>
<body>
    <div data-role="page">
        <div class="header">
            <a href="#menu" data-ajax="false"></a>
            Balas & Bolinhos		
        </div>
        <div id="content" data-role="content">
            @RenderSection("featured", false)
            @RenderBody()
        </div>
        <div data-role="footer">
            @Html.Partial("_ViewSwitcher")
        </div>
    </div>
    <nav id="menu">
        <ul>
            <li class="Selected">@Html.ActionLink("Home", "Index", "Home")</li>
            <li>@Html.ActionLink("Competicoes", "Index", "Registo")</li>
            <li>@Html.ActionLink("Apostas", "Index", "Aposta")</li>
            <li>@Html.ActionLink("Classificacao", "Index", "Classificacao")</li>
            <li>@Html.ActionLink("About", "About", "Home")</li>
            <li>@Html.ActionLink("Contact", "Contact", "Home")</li>
            <li class="Label">Login Info
            </li>
            @Html.Partial("_LoginPartial")
        </ul>
    </nav>
</body>
</html>
